<template>
    <div class="common-size checkoutAccount_adminOffice">
        <page-head :pageHead="pageHeadData"></page-head>
        <div class="page-content">
            <div class="table-box">
                <table class="table">
                    <thead>
                        <tr>
                            <th>科室</th>
                            <th>盘准(条)</th>
                            <th>盘盈(条)</th>
                            <th>盘亏(条)</th>
                            <th>盘准率</th>
                            <th>设备估值(万元)</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr v-bind:class="indexFun(index)" v-for="(item, index) in chartDataTable">
                            <td class="td-fill">{{item.adminName}}</td>
                            <td>{{item.checkExact}}</td>
                            <td class="td-fill">{{item.inventoryProfit}}</td>
                            <td>{{item.inventoryLosses}}</td>
                            <td class="td-fill">{{item.checkExactRate + '%' }}</td>
                            <td>{{item.equipmentValuation}}</td>
                        </tr>
                    </tbody>
                </table>
            </div>

            <div class="describe_box" >
                <div class="describe-text"  v-html="item" v-for="(item, index) in textData">

                </div>
            </div>
        </div>
        <page-footer :pageFooter="pageFooterData"></page-footer>
    </div>
</template>

<script>
  import pageHead from './pageHead.vue'
  import PageFooter from "./pageFooter.vue";
  import {nuxtMixins} from '../assets/javascript/mixin'
  export default {
    name: 'checkoutAccountAdminOffice',
    props:['chartData'],
    mixins: [nuxtMixins],
    data() {
      return {
        pageTitle: '对账情况',
        detailTitle: '各科室对账情况'
      }
    },
    computed:{
      chartDataTable () {
        return this.chartData.chartData
      },
      textData () {
        return this.chartData.textData
      }
    },
    created() {
    },
    mounted() {
      this.initData()
    },
    methods: {
      initData () {
      },
      indexFun (index) {
        let a = {}
        a['m-' + index] = true
        return a
      }
    },
    components: {
      PageFooter,
      pageHead
    }
  }
</script>

<style lang="scss">
    .checkoutAccount_adminOffice {
        .page-content {
            margin-top: 10px;
            .table-box {
                background: #fff;
                padding: 30px 20px;
                .table {
                    width: 100%;
                    text-align: center;
                    font-size: 12px;
                    border-collapse: collapse;
                    /*table-layout: fixed;*/
                    color: #333;
                    tbody {
                        td {
                            border: solid 2px rgba(223,223,223, 0.5);
                            padding: 10px 0;
                            color: #989898;
                            &.td-fill {
                                background: rgba(247,248,248, 0.5);
                            }
                        }
                    }
                }
            }
            .describe_box {
                margin-top: 25px;
            }
        }
    }
</style>
